 <?
if (!defined('baseinfo')) {
    exitdata();
}   
?>
 <style>
 .cluster {
    color: #FFFFFF;
    font-family: 'Arial,Helvetica';
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
 .cluster-1 {
    background-image: url("http://gmap3.net/skin/gmap/img/cluster/m1.png");
    height: 52px;
    line-height: 53px;
    width: 53px;
}
 </style>
<div class="subB clTxt1 fs05 clBg4">
    <div class="wrpSubB mainSB">
        <div class="ttlB cutTxt">Nearby</div>
    </div>
</div>

<div class="wrprNearby">
    <div class="wrpNearby clBd2 bdFull">
        <div class="wrpNearbyHd">
            <div class="wrpTgHdGen clBd1 bdBtm clTxt2 fs05">
                <span class="tgHdGen tgCl clBd1 bdR clSp2" onclick="swapnearby(1)">Nearby Me</span>
                <span class="tgHdGen tgCl clBd1" onclick="swapnearby(2)">Nearby Place</span>
            </div>
        </div>
        <div class="wrprSrchNearby">
              <table class="tbGenInfo clTxt3 fs03">
                <tbody>
                <tr class="protrtab" style="display: none;">
                    <th>Province</th>
                    <td>
                           <div class="reDesign">
                            <select class="fs01" name="proid" id="proidprovince">
                                <option value="">Choose Province</option>
                                  <?
                            if(count($data['province']))
                             {
                            foreach($data['province'] as $province)
                            {
                            ?>
                               <option id="proid-<?=$province['proid']?>" value="<?=$province['proid'].'|'.$province['lat'].'|'.$province['lng']?>" ><?=$province['proname']?></option> 
                            
                        <?}
                        
                             }
                        ?>
                            </select>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>Recommend Tag</th>
                    <td>
                        <div class="reDesign">
                            <select class="fs01" name="tagrecname" id="tagrecname">
                                 
                                <option value="">Choose Tag</option>
                                <?
                            if(count($data['tagpoppular']))
                             {
                            foreach($data['tagpoppular'] as $tagpoppular)
                            {
                            ?>
                               <option value="<?=$tagpoppular['name']?>"><?=$tagpoppular['name']?></option> 
                            
                        <?}
                        
                             }
                        ?>
                            </select>
                        </div>
                    </td>
                </tr>
                <tr>
                    <th>Search</th>
                    <td><input type="text" name="tagsearchname" id="tagsearchname" placeholder="#tag" class="clBg4 clBd2 fs03 clTxt2"></td>
                </tr>
            </tbody></table>
            <div class="wrpBtnNearby">
                <input type="submit" onclick="searchdatanearby()" value="Search" class="btnGen clTxtW cutTxt clBgSp2 fs04">
            </div>
        </div>
    </div>
    <div class="wrpResultNearby" style="display: none;">
        <div class="wrpHdResultNearby clBg2">
            <h2 class="clTxt2 fs04">Near By Place : <span class="spannearbyplace"></span></h2>
        </div>
        <div class="wrpMapNearBy clBd2 bdFull" id="mapNearBnn">
            <div class="mapAdrs"></div>
            <div class="icoDefFullPf">
                <span class="ico icoMapDefFullPf"></span>
                <span>Map</span>
            </div>
        </div>
        <div class="wrpCellNearBy clearfix wrpCell mainCell" style="left: 0px;">
           <!--
            <div class="wrpInCell wrpInCellNearBy w238" style="margin: 10px; width: 180px; height: 180px;">
                <div class="ovlCell w238"></div>
                <img width="238" height="238" alt="img" src="img/testtn1.jpg" class="imgCell w238">
                <div class="dtncCell fs03 clTxtCell">150 km</div>
                <div class="ldTtlCell fs09 clTxtCell cutTxt">Landing Title Landing Title</div>
                <div class="authCell clearfix fs03 clTxtCell">
                    <img width="36" height="36" alt="User Image" class="imgUserCell" src="img/dfthmbuser.jpg">
                    <span class="authName cutTxt">Alextra</span>  -->  
                   <!--  <span class="ico icoCrown"></span> -->
               <!-- </div>
                <div class="wrpLikeCell ">
                    <i class="ico icoUnLikeW"></i>
                    <span class="numLikeCell fs03 clTxtCell">1.5m</span>
                </div>
            </div>
            <div class="wrpInCell wrpInCellNearBy w238" style="margin: 10px; width: 180px; height: 180px;">
                <div class="ovlCell w238"></div>
                <img width="238" height="238" alt="img" src="img/testtn2.jpg" class="imgCell w238">
                <div class="dtncCell fs03 clTxtCell">150 km</div>
                <div class="ldTtlCell fs09 clTxtCell cutTxt">Landing Title Landing Title</div>
                <div class="authCell clearfix fs03 clTxtCell">
                    <img width="36" height="36" alt="User Image" class="imgUserCell" src="img/dfthmbuser.jpg">
                    <span class="authName cutTxt">Alextra</span>
                </div>
                <div class="wrpLikeCell">
                    <i class="ico icoUnLikeW"></i>
                    <span class="numLikeCell fs03 clTxtCell">1.5m</span>
                </div>
            </div>
                           -->
        </div>
    </div>
</div>


